<div class="selector mr-1" [class.button]="type==='button'" #selector appHideOnClickOutside [clickOutsideRemoveClass]="expandingClass" id="selector-{{name}}">
    <div class="selected" [innerHTML]="displayText ? displayText : '--'" (click)="onDefaultClick()"></div>
    <i (click)="dropUpAndDown($event)" class="material-icons">arrow_drop_down</i>
    <ul class="dropdown">
        <li *ngFor="let item of options" [attr.item-id]="keyName?item[keyName]:item" (click)="selectOption(item)" [innerHTML]="textName?item[textName]:item"></li>
    </ul>
</div>
